<!--11齿轮微点蚀计算-->
<template>
    <div class="borde" style="width: 100%; height: 100%;font-size: 16px;display: flex;">
        <div class="main">
            <a-row class="all_row">
                <div class="top">
                    <div class="top_body">
                        <div class="top_top">输入参数</div>
                        <div class="top_bottom">
                            <div class="top_left">
                                <div class="top_left_body">
                                    <div class="top_left_top">
                                        <div class="top_left_top_body">
                                            <div class="top_left_top_top">基本参数</div>
                                            <div class="top_left_top_bottom">
                                                <div class="top_left_top_bottom_body">
                                                    <div class="top_left_top_bottom_left">
                                                        <div class="top_left_top_bottom_left_body">
                                                            <ul class="top_left_top_bottom_left_list">
                                                                <li></li>
                                                                <li>齿数</li>
                                                                <li>模数(mm)</li>
                                                                <li>齿顶圆直径(mm)</li>
                                                                <li>变位系数</li>
                                                                <li>齿宽(mm)</li>
                                                                <li>螺旋角(°)</li>
                                                                <li>压力角(°)</li>
                                                                <li>中心距(mm)</li>
                                                                <li>精度等级</li>
                                                                <li></li>
                                                                <li>齿面粗糙度(um)</li>
                                                                <li>齿廓修行</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="top_left_top_bottom_right">
                                                        <div class="top_left_top_bottom_right_body">
                                                            <ul class="top_left_top_bottom_right_list">
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">小轮</div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center">大轮</div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">
                                                                        <input v-model="params_11.c4" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center;">
                                                                        <input v-model="params_11.d4" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li >
                                                                    <div style="width: 100%;height: 100%;text-align: center">
                                                                        <input v-model="params_11.c5" style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">
                                                                        <input v-model="params_11.c6" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center;">
                                                                        <input v-model="params_11.d6" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">
                                                                        <input v-model="params_11.c7" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center;">
                                                                        <input v-model="params_11.d7" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">
                                                                        <input v-model="params_11.c8" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center;">
                                                                        <input v-model="params_11.d8" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li >
                                                                    <div style="width: 100%;height: 100%;text-align: center">
                                                                        <input v-model="params_11.c9" style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li >
                                                                    <div style="width: 100%;height: 100%;text-align: center">
                                                                        <input v-model="params_11.c10" style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li >
                                                                    <div style="width: 100%;height: 100%;text-align: center">
                                                                        <input v-model="params_11.c11" style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">
                                                                        <select v-model="params_11.pp1"
                                                                                style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;">
                                                                            <option value="1">4</option>
                                                                            <option value="2">5</option>
                                                                            <option value="3">6</option>
                                                                            <option value="4">7</option>
                                                                            <option value="5">8</option>
                                                                            <option value="6">9</option>
                                                                        </select>
                                                                    </div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center;">
                                                                        <select v-model="params_11.pp2"
                                                                                style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;">
                                                                            <option value="1">4</option>
                                                                            <option value="2">5</option>
                                                                            <option value="3">6</option>
                                                                            <option value="4">7</option>
                                                                            <option value="5">8</option>
                                                                            <option value="6">9</option>
                                                                        </select>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">{{ans.c13}}</div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center">{{ans.d13}}</div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">
                                                                        <input v-model="params_11.c14" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center;">
                                                                        <input v-model="params_11.d14" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">
                                                                        <select v-model="params_11.pp3"
                                                                                style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;">
                                                                            <option value="1">yes</option>
                                                                            <option value="2">no</option>

                                                                        </select>
                                                                    </div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center;">
                                                                        <select v-model="params_11.pp4"
                                                                                style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;">
                                                                            <option value="1">yes</option>
                                                                            <option value="2">no</option>
                                                                        </select>
                                                                    </div>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="top_left_bottom">
                                        <div class="top_left_bottom_body">
                                            <div class="top_left_bottom_top">材料参数</div>
                                            <div class="top_left_bottom_bottom">
                                                <div class="top_left_bottom_bottom_body">
                                                    <div class="top_left_bottom_bottom_left">
                                                        <div class="top_left_bottom_bottom_left_body">
                                                            <ul class="top_left_bottom_bottom_left_list">
                                                                <li></li>
                                                                <li>杨氏模量(MPa)</li>
                                                                <li>泊松比</li>
                                                                <li>热导率(W/m*K)</li>
                                                                <li>比热容(j/Kg*K)</li>
                                                                <li>密度(*10^-9t/mm^3)</li>
                                                                <li>材料类型</li>
                                                                <li>材料系数</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="top_left_bottom_bottom_right">
                                                        <div class="top_left_bottom_bottom_right_body">
                                                            <ul class="top_left_bottom_bottom_right_list">
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">小轮</div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center">大轮</div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">
                                                                        <input v-model="params_11.c17" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center;">
                                                                        <input v-model="params_11.d17" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">
                                                                        <input v-model="params_11.c18" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center;">
                                                                        <input v-model="params_11.d18" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">
                                                                        <input v-model="params_11.c19" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center;">
                                                                        <input v-model="params_11.d19" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">
                                                                        <input v-model="params_11.c20" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center;">
                                                                        <input v-model="params_11.d20" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">
                                                                        <input v-model="params_11.c21" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center;">
                                                                        <input v-model="params_11.d21" style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">
                                                                        <select v-model="params_11.pp5"
                                                                                style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;">
                                                                            <option value="1">奥氏体含量小于25%的渗碳钢</option>
                                                                            <option value="2">奥氏体含量大于25%的渗碳钢</option>
                                                                            <option value="3">气体氮化钢(HV>850)</option>
                                                                            <option value="4">感应火焰淬火钢</option>
                                                                            <option value="5">调质钢</option>
                                                                        </select>
                                                                    </div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center;">
                                                                        <select v-model="params_11.pp6"
                                                                                style="width: 70%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;">
                                                                            <option value="1">奥氏体含量小于25%的渗碳钢</option>
                                                                            <option value="2">奥氏体含量大于25%的渗碳钢</option>
                                                                            <option value="3">气体氮化钢(HV>850)</option>
                                                                            <option value="4">感应火焰淬火钢</option>
                                                                            <option value="5">调质钢</option>
                                                                        </select>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">{{ans.c23}}</div>
                                                                    <div style="width: 50%;height: 100%;position: absolute;right: 0;text-align: center">{{ans.d23}}</div>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="top_right">
                                <div class="top_right_body">
                                    <div class="top_right_top">
                                        <div class="top_right_top_body">
                                            <div class="top_right_top_top">工作参数</div>
                                            <div class="top_right_top_bottom">
                                                <div class="top_right_top_bottom_body">
                                                    <div class="top_right_top_bottom_left">
                                                        <div class="top_right_top_bottom_left_body">
                                                            <ul class="top_right_top_bottom_left_list">
                                                                <li>扭矩(Nmm)</li>
                                                                <li>小轮转速(rpm)</li>
                                                                <li>大轮转速(rpm)</li>
                                                                <li>使用系数</li>
                                                                <li>动载荷系数</li>
                                                                <li>齿间载荷分布系数</li>
                                                                <li>齿向载荷分布系数</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="top_right_top_bottom_right">
                                                        <div class="top_right_top_bottom_right_body">
                                                            <ul class="top_right_top_bottom_right_list">
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;text-align: center">
                                                                        <input v-model="params_11.c25" style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;text-align: center">
                                                                        <input v-model="params_11.c26" style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;text-align: center">{{ans.d26}}</div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;text-align: center">
                                                                        <input v-model="params_11.c27" style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;text-align: center">
                                                                        <input v-model="params_11.c28" style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;text-align: center">
                                                                        <input v-model="params_11.c29" style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                                <li style="position: relative">
                                                                    <div style="width: 50%;height: 100%;text-align: center">
                                                                        <input v-model="params_11.c30" style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </div>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="top_right_bottom">
                                        <div class="top_right_bottom_top">润滑参数</div>
                                        <div class="top_right_bottom_middle">
                                            <div class="top_right_bottom_middle_body">
                                                <div class="top_right_bottom_middle_left">
                                                    <div class="top_right_bottom_middle_left_body">
                                                        <ul class="top_right_bottom_middle_left_list">
                                                            <li>润滑油入口温度(℃)</li>
                                                            <li>润滑油40℃运动粘度(mm^2/s)</li>
                                                            <li>润滑油100℃运动粘度(mm^2/s)</li>
                                                            <li>润滑油15℃密度</li>
                                                            <li>润滑油类型</li>
                                                            <li></li>
                                                            <li>润滑方式</li>
                                                            <li>许用最小油膜厚度率</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="top_right_bottom_middle_right">
                                                    <div class="top_right_bottom_middle_right_body">
                                                        <ul class="top_right_bottom_middle_right_list">
                                                            <li style="position: relative">
                                                                <div style="width: 50%;height: 100%;text-align: center">
                                                                    <input v-model="params_11.c32" style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                </div>
                                                            </li>
                                                            <li style="position: relative">
                                                                <div style="width: 50%;height: 100%;text-align: center">
                                                                    <input v-model="params_11.c33" style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                </div>
                                                            </li>
                                                            <li style="position: relative">
                                                                <div style="width: 50%;height: 100%;text-align: center">
                                                                    <input v-model="params_11.c34" style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                </div>
                                                            </li>
                                                            <li style="position: relative">
                                                                <div style="width: 50%;height: 100%;text-align: center">
                                                                    <input v-model="params_11.c35" style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                </div>
                                                            </li>
                                                            <li style="position: relative">
                                                                <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">
                                                                    <select v-model="params_11.pp7"
                                                                            style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;">
                                                                        <option value="1">矿物油</option>
                                                                        <option value="2">水溶性聚(乙)二醇</option>
                                                                        <option value="3">非水溶性聚(乙)二醇</option>
                                                                        <option value="4">聚α烯族羟</option>
                                                                        <option value="5">磷酸酯</option>
                                                                        <option value="6">牵引液</option>
                                                                    </select>
                                                                </div>
                                                            </li>
                                                            <li style="position: relative">
                                                                <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">
                                                                    <select v-model="params_11.pp9"
                                                                            style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;">
                                                                        <option value="1">矿物油</option>
                                                                        <option value="2">PAO基合成油</option>
                                                                        <option value="3">PAG基合成油</option>
                                                                    </select>
                                                                </div>
                                                            </li>
                                                            <li style="position: relative">
                                                                <div style="width: 50%;height: 100%;position: absolute;left: 0;text-align: center">
                                                                    <select v-model="params_11.pp10"
                                                                            style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;">
                                                                        <option value="1">喷油润滑</option>
                                                                        <option value="2">油池润滑</option>
                                                                        <option value="3">齿轮浸在油中</option>
                                                                    </select>
                                                                </div>
                                                            </li>
                                                            <li style="position: relative">
                                                                <div style="width: 50%;height: 100%;text-align: center">
                                                                    <input v-model="params_11.ss" style="width: 85%;height: 90%;text-align: center;border: 0.5px solid ;border-radius: 3px;"/>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="top_right_bottom_bottom" style="position: relative">
                                            <button @click="calculate" style="width: 20%;height: 90%;position: absolute;left: 1%;text-align:center;top: 30%;bottom: 10%">计算</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="bottom">

                    <div class="bottom_body" style="position: relative;">
                        <div class="bottom_top">输出结果</div>
                        <div class="bottom_middle">
                            <div class="bottom_middle_body" style="width:100%;height:100%">
                                <el-table
                                        :data="ans.tableData"
                                        :row-style="{height:'10px'}"
                                        :header-cell-style="{height:'10px',padding:'0px'}"
                                        height="170"
                                        border stripe
                                        style="font-size: 20px">
                                    <el-table-column
                                            width="150"
                                            type="index"
                                            :index="indexMethod">
                                    </el-table-column>
                                    <el-table-column
                                            prop="A"
                                            label="A"
                                            width="120">
                                    </el-table-column>
                                    <el-table-column
                                            prop="AB"
                                            label="AB"
                                            width="120">
                                    </el-table-column>
                                    <el-table-column
                                            prop="B"
                                            label="B"
                                            width="120">
                                    </el-table-column>
                                    <el-table-column
                                            prop="C"
                                            label="C"
                                            width="120">
                                    </el-table-column>
                                    <el-table-column
                                            prop="D"
                                            label="D"
                                            width="120">
                                    </el-table-column>
                                    <el-table-column
                                            prop="DE"
                                            label="DE"
                                            width="120">
                                    </el-table-column>
                                    <el-table-column
                                            prop="E"
                                            label="E"
                                            width="120">
                                    </el-table-column>
                                </el-table>

                            </div>
                        </div>
                        <div class="bottom_bottom">
                            <div class="bottom_bottom_body">
                                <div class="bottom_bottom_left">
                                    <div class="bottom_bottom_left_body" style="width:100%;height:100%;position: relative">
                                        <div class="bottom_bottom_left_left" style="width:55%;height:100%;position: absolute;left:0">
                                            <div style="width:100%;height:100%;position: relative">
                                                <div style="width:50%;height:100%;position: absolute;right:10%;text-align:right">材料参数</div>
                                            </div>
                                        </div>
                                        <div class="bottom_bottom_left_right" style="width:45%;height:100%;position: absolute;right:0">
                                            <div style="width:100%;height:100%;position: relative">
                                                <div style="width:50%;height:100%;position: absolute;left:10%;text-align:left">
                                                    {{ans.c167}}</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="bottom_bottom_middle">
                                    <div style="width:100%;height:100%;position: relative">
                                        <div style="width:55%;height:100%;position: absolute;left:0">
                                            <div style="width:100%;height:100%;position: relative">
                                                <div style="width:50%;height:100%;position: absolute;right:10%;text-align:right">最小油膜厚率</div>
                                            </div>
                                        </div>
                                            <div style="width:45%;height:100%;position: absolute;right:0">
                                                <div style="width:100%;height:100%;position: relative">
                                                    <div style="width:50%;height:100%;position: absolute;left:10%;text-align:left">
                                                        {{ans.c253}}</div>
                                                </div>
                                            </div>
                                    </div>
                                </div>
                                <div class="bottom_bottom_right">
                                    <div style="width:100%;height:100%;position: relative">
                                        <div style="width:55%;height:100%;position: absolute;left:0">
                                            <div style="width:100%;height:100%;position: relative">
                                                <div style="width:50%;height:100%;position: absolute;right:10%;text-align:right">微点蚀安全系数</div>
                                            </div>
                                        </div>
                                        <div style="width:45%;height:100%;position: absolute;right:0">
                                            <div style="width:100%;height:100%;position: relative">
                                                <div style="width:50%;height:100%;position: absolute;left:10%;text-align:left">
                                                    {{ans.ss1}}</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </a-row>
        </div>
    </div>
</template>

<script>
    import {gear_Micro_pitting_Calculation} from "../../api/file";

    export default {
        created () {
            document.title = '齿轮微点蚀计算'
            this.$store.state.file.key = 11
        },
        name: "gear_Micro_pitting_Calculation_helical_gear",
        data(){
            return{
                params_11:this.$store.state.file.dataList[11],
                // params_11:{
                //     c4:32,
                //     d4:118,
                //     c5:7,
                //     c6:251.6937,
                //     d6:876.8301,
                //     c7:0.4137,
                //     d7:0.5494,
                //     c8:180,
                //     d8:175,
                //     c9:15,
                //     c10:20,
                //     c11:550,
                //     pp1:1,
                //     pp2:1,
                //     c14:0.8,
                //     d14:0.8,
                //     pp3:1,
                //     pp4:1,
                //     c17:206000,
                //     d17:206000,
                //     c18:0.3,
                //     d18:0.3,
                //     c19:45,
                //     d19:45,
                //     c20:440,
                //     d20:440,
                //     c21:7800,
                //     d21:7800,
                //     pp5:1,
                //     pp6:1,
                //     c25:18928,
                //     c26:1152,
                //     c27:1,
                //     c28:1.05,
                //     c29:1,
                //     c30:1.4,
                //     c32:68,
                //     c33:320,
                //     c34:20,
                //     c35:860,
                //     pp7:1,
                //     pp9:1,
                //     pp10:1,
                //     ss:0.237673488,
                //
                // },
                ans:{
                    c13:"Static Text",
                    d13:"Static Text",
                    c23:"Static Text",
                    d23:"Static Text",
                    d26:"Static Text",
                    c167:"Static Text",
                    c253:"Static Text",
                    ss1:"Static Text",
                     tableData: [

                      {  A:'',AB:'',B:'',C:'',D:'',DE:'',E:''
                    }, {
                        A:'',AB:'',B:'',C:'',D:'',DE:'',E:''
                    },{
                        A:'',AB:'',B:'',C:'',D:'',DE:'',E:''
                    },{
                        A:'',AB:'',B:'',C:'',D:'',DE:'',E:''
                    },{
                        A:'',AB:'',B:'',C:'',D:'',DE:'',E:''
                    },{
                        A:'',AB:'',B:'',C:'',D:'',DE:'',E:''
                    },{
                        A:'',AB:'',B:'',C:'',D:'',DE:'',E:''
                    },{
                        A:'',AB:'',B:'',C:'',D:'',DE:'',E:''
                    },{
                        A:'',AB:'',B:'',C:'',D:'',DE:'',E:''
                    },{
                        A:'',AB:'',B:'',C:'',D:'',DE:'',E:''
                    },{
                        A:'',AB:'',B:'',C:'',D:'',DE:'',E:''
                    },
                    ],
                },

                // tableData: [{
                //     date: '2016-05-02',
                //     name: '王小虎',
                //     province: '上海',
                //     city: '普陀区',
                //     address: '上海市普陀区金沙江路 1518 弄',
                //     zip: 200333,
                //     tag: '家'
                // }, {
                //     date: '2016-05-04',
                //     name: '王小虎',
                //     province: '上海',
                //     city: '普陀区',
                //     address: '上海市普陀区金沙江路 1517 弄',
                //     zip: 200333,
                //     tag: '公司'
                // }],
            }

        },
        methods: {
            indexMethod(index) {
                if(index==0){
                    return "计算油膜厚度"
                };
                if(index==1)
                {
                    return "计算油膜厚度率"
                };
                if(index==2)
                {
                    return "相对曲率半径"
                };
                if(index==3)
                {
                    return "局部载荷分担系数"
                };
                if(index==4)
                {
                    return "局部接触应力"
                };
                if(index==5)
                {
                    return "局部滑动速度"
                };
                if(index==6)
                {
                    return "局部速度参数"
                };if(index==7)
                {
                    return "局部接触温度"
                };if(index==8)
                {
                    return "局部滑动参数"
                };if(index==9)
                {
                    return "局部载荷参数"
                };if(index==10)
                {
                    return "局部闪温"
                };
            },
            calculate(){
                //这个括号里面可以传参，一般就是传你this.params_11的内容
                gear_Micro_pitting_Calculation(this.$store.state.file.dataList[11])
                    .then(res => {//这里需要用箭头函数，如果不用箭头函数里面的this就不是外面那个this
                        console.log(res);
                        //你也可以不检验，这个状态码一般是检验后端数据有没有异常，res就是返回结果的整个大的对象
                            console.log(res);
                            //然后再把这里面的数据放到你绑定的对象动态改变值即可
                            this.ans=res;
                            // this.tableData=res.data.tableData;

                    })
                    .catch(error => {
                        console.log(error);
                    });
            },

        }
    //     methods:{
    //         indexMethod(index) {
    //             // if(index==0){
    //             //     return "计算油膜厚度"
    //             // };
    //             return "计算油膜厚度"
    //         }
    // }
    }
</script>

<style scoped>
    ul,ol,li{
        list-style: none;
    }
   .main{
    width: 100%;
    height: 100%;

}
    .all_row{
        width: 100%;
        height: 100%;
        position: relative;
        /*background-color: rgba(213, 213, 213, 0.349019607843137);*/
    }
    .top{
        position: absolute;
        top:0;
        width: 100%;
        height: 65%;
        border: 1px solid #dddddd;
    }
   .top_body{
       width: 100%;
       height: 100%;
       position: relative;
   }
   .top_top{
       width: 100%;
       height: 5%;
       background-color: rgba(215,215,215,1);
   }
   .top_bottom{
       width: 100%;
       height: 95%;
   }
   .top_left{
       width: 52%;
       height: 100%;
       position: absolute;
       left: 0;
   }
   .top_left_body{
       width: 100%;
       height: 100%;
   }
   .top_left_top{
       width: 100%;
       height: 55%;
       border: 1px solid #dddddd;
   }
   .top_left_top_body{
       width: 100%;
       height: 100%;
   }
   .top_left_top_top{
       width: 100%;
       height: 8%;
       padding-left: 2%;
       background-color: rgba(215,215,215,1);
   }
   .top_left_top_bottom{
       width: 100%;
       height: 92%;
   }
   .top_left_top_bottom_body{
       width: 100%;
       height: 100%;
       position: relative;
   }
   .top_left_top_bottom_left{
       width: 45%;
       height: 100%;
       position: absolute;
       left: 0;
   }
   .top_left_top_bottom_left_body{
       width: 100%;
       height: 100%;
       position: relative;
   }
   .top_left_top_bottom_left_list{
       width: 100%;
       height: 100%;
       position: absolute;
       right: 0;
       text-align: right;
   }
   .top_left_top_bottom_left_list li{
       width: 100%;
       height: 7.6%;
   }
   .top_left_top_bottom_right{
       width: 55%;
       height: 100%;
       position: absolute;
       right: 0;
   }
   .top_left_top_bottom_right_body{
       width: 100%;
       height: 100%;
       position: relative;
   }
   .top_left_top_bottom_right_list{
       width: 100%;
       height: 100%;
       position: absolute;
       left: 0;
       text-align: left;
   }
   .top_left_top_bottom_right_list li{
       width: 100%;
       height: 7.6%;
   }
   .top_left_bottom{
       width: 100%;
       height: 45%;
       border: 1px solid #dddddd;
   }
   .top_left_bottom_body{
       width: 100%;
       height: 100%;
   }
   .top_left_bottom_top{
       width: 100%;
       height: 10%;
       padding-left: 2%;
       background-color: rgba(215,215,215,1);
   }
   .top_left_bottom_bottom{
       width: 100%;
       height: 90%;
   }
   .top_left_bottom_bottom_body{
       width: 100%;
       height: 100%;
       position: relative;
   }
   .top_left_bottom_bottom_left{
       width: 45%;
       height: 100%;
       position: absolute;
       left: 0;
   }
   .top_left_bottom_bottom_left_body{
       width: 100%;
       height: 100%;
       position: relative;
   }
   .top_left_bottom_bottom_left_list{
       width: 100%;
       height: 100%;
       position: absolute;
       right: 0;
       text-align: right;
   }
   .top_left_bottom_bottom_left_list li{
       width: 100%;
       height: 12.5%;
   }
   .top_left_bottom_bottom_right{
       width: 55%;
       height: 100%;
       position: absolute;
       right: 0;
   }
   .top_left_bottom_bottom_right_body{
       width: 100%;
       height: 100%;
       position: relative;
   }
   .top_left_bottom_bottom_right_list{
       width: 100%;
       height: 100%;
       position: absolute;
       right: 0;
       text-align: right;
   }
   .top_left_bottom_bottom_right li{
       width: 100%;
       height: 12.5%;
   }
   .top_right{
       width: 48%;
       height: 100%;
       position: absolute;
       right: 0;
       /*border: 1px solid #dddddd;*/
   }
   .top_right_body{
       width: 100%;
       height: 100%;
   }
   .top_right_top{
       width: 100%;
       height: 40%;
       border: 1px solid #dddddd;
   }
   .top_right_top_body{
       width: 100%;
       height: 100%;
   }
   .top_right_top_top{
       width: 100%;
       height: 12%;
       padding-left: 2%;
       background-color: rgba(215,215,215,1);
   }
   .top_right_top_bottom{
       width: 100%;
       height: 88%;
   }
   .top_right_top_bottom_body{
       width: 100%;
       height: 100%;
       position: relative;
   }
   .top_right_top_bottom_left{
       width: 55%;
       height: 100%;
       position: absolute;
       left: 0;
   }
   .top_right_top_bottom_left_body{
       width: 100%;
       height: 100%;
       position: relative;
   }
   .top_right_top_bottom_left_list{
       width: 100%;
       height: 100%;
       position: absolute;
       right: 10%;
       text-align: right;
   }
   .top_right_top_bottom_left_list li{
       width: 100%;
       height: 14%;
   }
   .top_right_top_bottom_right{
       width: 45%;
       height: 100%;
       position: absolute;
       right: 0;
   }
   .top_right_top_bottom_right_body{
       width: 100%;
       height: 100%;
       position: relative;
   }
   .top_right_top_bottom_right_list{
       width: 100%;
       height: 100%;
       position: absolute;
       left: 0;
       text-align: left;
   }
   .top_right_top_bottom_right_list li{
       width: 100%;
       height: 14%;
   }
   .top_right_bottom{
       width: 100%;
       height: 60%;
       border: 1px solid #dddddd;
   }
   .top_right_bottom_top{
       width: 100%;
       height: 10%;
       padding-left: 2%;
       background-color: rgba(215,215,215,1);
   }
   .top_right_bottom_middle{
       width: 100%;
       height: 80%;
   }
   .top_right_bottom_middle_body{
       width: 100%;
       height: 100%;
       position: relative;
   }
   .top_right_bottom_middle_left{
       width: 55%;
       height: 100%;
       position: absolute;
       left: 0;
   }
   .top_right_bottom_middle_left_body{
       width: 100%;
       height: 100%;
       position: relative;
   }
   .top_right_bottom_middle_left_list{
       width: 100%;
       height: 100%;
       position: absolute;
       right: 10%;
       text-align: right;
   }
   .top_right_bottom_middle_left_list li{
       width: 100%;
       height: 12.5%;
   }
   .top_right_bottom_middle_right{
       width: 45%;
       height: 100%;
       position: absolute;
       right: 0;
   }
   .top_right_bottom_middle_right_body{
       width: 100%;
       height: 100%;
       position: relative;
   }
   .top_right_bottom_middle_right_list{
       width: 100%;
       height: 100%;
       position: absolute;
       left: 0;
       text-align: left;
   }
   .top_right_bottom_middle_right_list li{
       width: 100%;
       height: 12.5%;
   }
   .top_right_bottom_bottom{
       width: 100%;
       height: 10%;
   }
    .bottom{
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 32%;
    }
    .bottom_body{
        width: 100%;
        height: 100%;
    }
    .bottom_top{
        width: 100%;
        height: 10%;
        background-color: rgba(215,215,215,1);
    }
    .bottom_middle{
        width: 100%;
        height: 80%;
    }
    .bottom_bottom{
        width: 100%;
        height: 10%;
    }
    .bottom_bottom_body{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .bottom_bottom_left{
        width: 33.3%;
        height: 100%;
        position: absolute;
        left: 0;
    }
    .bottom_bottom_middle{
        width: 33.3%;
        height: 100%;
        position: absolute;
        left: 33.4%;
    }
    .bottom_bottom_right{
        width: 33.3%;
        height: 100%;
        position: absolute;
        right: 0;
    }

</style>